<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"><!--<![endif]-->
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title><g:layoutTitle default="Welcome to c girls website"/></title>
	
	<link rel="stylesheet" href="${resource(dir: 'css', file: 'style.css')}" type="text/css">
	<link href="${resource(dir: 'css', file: 'custom_down.css')}" type="text/css" media="all" rel="stylesheet" />
    
    <link href="${resource(dir: 'css', file: 'skitter.styles.css')}" type="text/css" media="all" rel="stylesheet" />
    
    <!-- Skitter JS -->
	<script type="text/javascript" language="javascript" src="${resource(dir: 'js', file: 'jquery-1.11.0.min.js')}"></script>
	<script type="text/javascript" language="javascript" src="${resource(dir: 'js', file: 'jquery.easing.1.3.js')}"></script>
	<script type="text/javascript" language="javascript" src="${resource(dir: 'js', file: 'jquery.skitter.min.js')}"></script>
	
	<g:layoutHead/>
	<!-- Init Skitter -->
	<script type="text/javascript" language="javascript">
		$(document).ready(function() {
			if(typeof(initPage) == "function"){
				initPage();
			}
		});
	</script>
	
	<r:layoutResources />
	</head>
	<body>
		<div align="center" class="topdiv">
		<div class="topnav">
    		<div class="navcontainer"><a href="index" class="logo"></a></div>
	    	<sec:ifLoggedIn>
	    		<ul>
		        <li>
		        <div id="dd" class="wrapper-dropdown-3" tabindex="1">
								<span><g:fieldValue bean="${userInstance}" field="firstName"/> <g:fieldValue bean="${userInstance}" field="lastName"/></span>
								<ul class="dropdown1">
									<li><g:link controller="home" action="profilePreview">My Profile</g:link></li>
									<li><a href="#">Mail</a></li>
									<li><a href="javascript:void(0)">Settings</a></li>
									<li><g:link controller="logout">Logout</g:link></li>
								</ul>
							</div></li>
		        <li><a href="#">Tokens: 1250</a></li>
		        <li><a href="#">Buy Tokens</a></li>
		        </ul>
		        <script type="text/javascript">
			
					function DropDown(el) {
						this.dd = el;
						this.placeholder = this.dd.children('span');
						this.opts = this.dd.find('ul.dropdown1 > li');
						this.val = '';
						this.index = -1;
						this.initEvents();
					}
					DropDown.prototype = {
						initEvents : function() {
							var obj = this;
		
							obj.dd.on('click', function(event){
								$(this).toggleClass('active');
								return false;
							});
		
							obj.opts.on('click',function(event){
								var opt = $(this);
								obj.val = opt.text();
								obj.index = opt.index();
								obj.placeholder.text(obj.val);
								event.stopPropagation();
							});
						},
						getValue : function() {
							return this.val;
						},
						getIndex : function() {
							return this.index;
						}
					}
		
					$(function() {
		
						var dd = new DropDown( $('#dd') );
		
						$(document).click(function() {
							// all dropdowns
							$('.wrapper-dropdown-3').removeClass('active');
						});
		
					});
		
				</script>
	    	</sec:ifLoggedIn>
	    	<sec:ifNotLoggedIn>
	    	<ul>
		        <li><g:link controller="landing" action="signUp">SIGN UP</g:link></li>
		        <li><g:link controller="home">LOGIN</g:link></li>
		        <li><a href="javascript:void(0)">JOIN NOW!</a></li>
	        </ul>
	        </sec:ifNotLoggedIn>
	    </div>
	    <div class="menudiv">
		  		<div class="mainnav">
		        	<div class="mainnav_left">
		            	<ul>
		                <li><g:link class="home" controller="landing" action="index">HOME</g:link></li>
		                <li><a href="javascript:void(0)" class="popular">POPULAR ROOMS</a></li>
		                <li><a href="javascript:void(0)" class="group">GROUP SHOW</a></li>
		                <li><a href="javascript:void(0)" class="lounge">LOUNGE</a></li>
		                </ul>
		            </div>
		            <div class="mainnav_right">
		            	<ul>
		                <li><a href="javascript:void(0)" class="news">NEWS FEED</a></li>
		                <li><g:link class="help" controller="landing" action="help">HELP</g:link></li>
		                <li><g:link class="support" controller="landing" action="support">SUPPORT</g:link></li>
		                <li><a href="javascript:void(0)" class="search">SEARCH</a></li>
		                </ul>
		            </div>
		        </div>
		    </div>
			<g:layoutBody/>
			<div class="fotter_container">
	  			<div class="bnav">
		        	<ul>
			            <li><g:link controller="landing" action="support">CUSTOMER SUPPORT</g:link></li>
			            <li><g:link controller="landing" action="termsConditions">TERMS & CONDITIONS</g:link></li>
			            <li><g:link controller="landing" action="privacyPolicy">PRIVACY POLICY</g:link></li>
			            <li><a href="javascript:void(0)">MODEL LOGIN</a></li>
			            <li><a href="modelSignUp">MODEL SIGN UP</a></li>
		            </ul>
	          </div>
	          <div class="copyright">© COPYRIGHT C GIRLS 2014. ALL RIGHTS RESERVED</div>
	        </div>
		</div>
		<%--<div id="spinner" class="spinner" style="display:none;"><g:message code="spinner.alt" default="Loading&hellip;"/></div>
		<g:javascript library="application"/>
		<r:layoutResources />
	--%></body>
</html>
